<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <script src="../jquery/jquery-3.4.1.min.js"></script>
    <script src="../bootstrap/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../bootstrap-table/bootstrap-table.css">
    <script src="../bootstrap-table/bootstrap-table.js"></script>
    <script src="../bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../toastr/toastr.min.css">
    <script src="../toastr/toastr.min.js"></script>

</head>
<body>
<style>
    ::-webkit-scrollbar {display:none}
</style>
<div style=" width:0px;   height: 0px;  overflow-y: scroll;">
</div>
<div id="answerquestion">
    <ul id="test"  style="list-style-type:none;">
    </ul>
</div>
</body>
<script>
    $(document).ready(function() {
        showcontact();
        function showcontact(){
            $.ajax({
                url: "../contact/selectAll",
                type: "get",
                async:false,
                dataType: "json",
                success:function (rs) {
                    var list = rs;
                    var txt = "";
                    for (var i = 0;i<list.length;i++){
                        txt+="<li style='font-size: 8px;color:deepskyblue'>"+list[i].c_user+"&nbsp;&nbsp;&nbsp;&nbsp;"+list[i].c_time+"</li>";
                        txt+="<li style='margin-top: 10px;font-size: 14px; color: black'>"+list[i].c_contact+"</li><br/>";
                    }
                    $("#test").html(txt);
                }
            })
        }
    })
</script>

</html>